<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
<title>Ma réservation</title>
<style>body{margin:0;padding: 0;font-family : Arial, Helvetica, sans-serif;font-size: 14px;color:rgb(0,0,0);width:100%;}h1{font-size: 2em;text-align:left;color:#000000;padding: 0em 0em 0em 0.8em ;}em{font-size: 1em;font-weight: bold;}#header{overflow:hidden;margin: 2em;padding: 0em 0em 0em 0.8em ;height:4em;width:40%;position:fixed;left:0px;top:0px;background:#a199f2;}#content{width:40%;margin: 2em;position:absolute;padding: 0em 0em 0em 0.8em ;top:6.2em;left:0px;background:#bebdc5;}#content ul{padding:0.8em;text-align:left;list-style:none;line-height:2em;}</style>
</head>
<boy>
<div id="header">
<h1>Ma Réservation</h1>
</div>
<div id="content">
<ul>
<li><em>Le numéro de réservation : </em>R1</li>
<li><em>Nom: </em>user</li>
<li><em>Prénom: </em>user</li>
<li><em>Type de Transport: </em>Avion [defaut] , (Capacite :1500 | Vitesse : 860) </li>
<li><em>Date de départ : </em>1/4/2012</li>
<li><em>Ville de départ: </em>Poitiers</li>
<li><em>Heure de depart: </em>0;0</li>
<li><em>Date d'arrivé : </em>2/4/2012</li>
<li><em>Ville d'arrivé: </em>NY</li>
<li><em>Heure d'arrivé: </em>0;0</li>
<li><em>Options: </em>modifiable;</li>
<li><em>Prix Totale: </em>100.0 €</li>
</ul>
</div>
</body>
</html>